<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		*{
			padding: 0px;
			margin: 0px;
		}
		body,html{
			width: 100%;
			height: 100%;
		}
		#container{
			width: 100%;
			height: 100%;
			background-color: #eaeaea;
			margin-left: auto;
			margin-right: auto;
			display: flex;
			flex-direction: column;
		}
		#header{
			height: 50px;
			background-color: blueviolet;
		}
		#footer{
			height: 30px;
			background-color: black;
		}
		#main{
			flex: auto;
		}
		.item{
			height: 50px;
			background-color: antiquewhite;
		}
			
		</style>
	</head>
	<body>
		<div id="container">
			<div id="header"></div>
			<div id="main">
				<div class="item">
					<div class="left"></div>
					<div class="center"></div>
					<div class="right"></div>
				</div>
			</div>
			<div id="footer"></div>
		</div>
	</body>
</html>
